<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="utf-8">
<head>
<title></title>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<link href="<?php echo base_url()?>css/general.css" rel="stylesheet" type="text/css" />
<link href="<?php echo base_url()?>css/main.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript" src="<?php echo base_url()?>js/My97DatePicker/WdatePicker.js"></script>
<script language="javascript" type="text/javascript" src="<?php echo base_url()?>js/jquery.js"></script>
<script language="JavaScript"> var base_url = '<?php echo base_url()?>'; </script>
 
<script language="javascript" type="text/javascript" src="<?php echo base_url()?>js/jqplot/jquery.min.js"></script>


<script language="JavaScript"> 
<!--
// 列表区窗口大小调整
function listBody()
{
    //宽度
	width = $('body').outerWidth();
	$('#main-tabs').css("width",width-9+"px");
    //当前菜单名
	$('#crt-menu2').css("width",width-11+"px");
	$('#crt-menu').css("width",width-11+"px");
	$('#crt-menu1').css("width",width-11+"px");  
	// 菜单体 
	$('#menu-body1').css("width",width-10+"px");
	$('#menu-body2').css("width",width-10+"px");
	$('#menu-body').css("width",width-10+"px");
	$('#menu-body3').css("width",width-10+"px");
    //内容
    $('#content').css("width",width-11+"px");
	$('#listTable').css("width",width-11+"px");
	$('#listDiv').css("width",width-11+"px");

   //高度   
    height = $('body').outerHeight() - $('#crt-menu').outerHeight();  
    $('#menu-body').css("height",height-8+"px"); 
	//if($.browser.msie)
    //    $('#menu-body').css("height",height-6+"px");
    var searchH = 0;
	if($('#search'))
	  searchH = $('#search').outerHeight();
	var toolH = 0;
	if($('#tool'))
	  toolH = $('#tool').outerHeight();
    //内容
    $('#content').css("height",height-searchH-toolH-8+"px"); 
}
//列表窗口缩放效果
$(document).ready(function() {
  listBody();
});
$(window).resize(function(){
  listBody();
});
 
 

 

//打印
function printme()
{
 
    document.body.innerHTML=document.getElementById('content').innerHTML;
    window.print();
}




 //--> 
</script>

</head>

<body  class=" x-border-layout-ct" style="position: relative;" >
<div id="msg"></div>
<div id="main-tabs" class="x-tab-panel x-border-panel" style="left: 5px; top: 0px;">

  <div  id="crt-menu" class="x-tab-panel-header x-unselectable">
  <div  id="crt-menu1" class="x-tab-strip-wrap">
  <ul id="crt-menu2" class="x-tab-strip x-tab-strip-top">
  <li class="x-tab-strip-active" ><em><strong>打印报表</strong></em></li>
  <li  class="x-tab-edge"></li>
  <div  class="x-clear"></div>
  </ul>
  </div>
  </div>
  
  <!-- 菜单体 -->
  <div class="x-tab-panel-bwrap border-bottom x-panel-body" >
  <div id="menu-body1" class="x-tab-panel-body x-tab-panel-body-top" >
  <div id="menu-body2" class="x-panel x-panel-noborder" >
  <div  class="x-panel-bwrap">
  <div id="menu-body" class="x-panel-body x-panel-body-noheader x-panel-body-noborder x-border-layout-ct" style="">
  <div id="menu-body3" class="x-panel x-border-panel x-grid-panel" style="left: 0px; top: 0px;">
  <div style="position: relative;"  class="x-panel-bwrap">

      <!-- 工具栏 -->
      <div id="tool" class="x-panel-tbar x-panel-tbar-noheader "><div  class="x-toolbar " style="border-left:0 solid #99bbe8;"><table cellspacing="0"><tbody><tr>
	
	  <td   ><table style="width: hidden;"  class="button x-btn-wrap x-btn x-btn-text-icon " border="0" cellpadding="0" cellspacing="0" ><tbody><tr>
	  <td class="x-btn-left"><i>&nbsp;</i></td>
	  <td class="x-btn-center" >  </td>
	  <td class="x-btn-right"><i></i></td>
	  </tr></tbody></table></td>
	  <td  ><table style="width: hidden;"  class="button x-btn-wrap x-btn x-btn-text-icon " border="0" cellpadding="0" cellspacing="0" ><tbody><tr>
	  <td class="x-btn-left"><i>&nbsp;</i></td>
	  <td class="x-btn-center" ><em ><!--<button  class="x-btn-text tb-addnew" type="button" >导出</button>--></em></td>
	  <td class="x-btn-right"><i></i></td>
	  </tr></tbody></table></td>
	  </tr></tbody></table></div>
	  

	  </div>
	  <!-- /工具栏 -->

	  <!-- 搜索栏 -->
	  <div id="search" class="x-panel-bbar x-panel-body" style="border-left:0 solid #99bbe8; border-bottom:0 solid #99bbe8;" >
	  <div  class="x-toolbar x-small-editor" style=" padding:2px 0 5px 20px;">
	  <form id="search-form" method="post" style="overflow:;" action="<?php echo site_url('shipping_list/report')?>" target="new">
          报表类型<select name='report_type'  style="width:130px;height:22px;" class="x-form-field  x-form-text x-form-required">
		  <option value='1'  >发货清单</option>
		  <option value='2'  >代收货款清单</option>
		  </select>
          &nbsp;&nbsp;托运日期
		    <input style="width:122px; background-color:#FCFBDF;"   size="16"  class="x-form-text x-form-field   Wdate" name="st" id="st" type="text"     readonly="readonly" onFocus="WdatePicker({el:'st',dateFmt:'yyyy年MM月dd日' })"  >
		  
		  到
		  <input style="width:122px; background-color:#FCFBDF;"   size="16"  class="x-form-text x-form-field   Wdate" name="et" id="et" type="text"     readonly="readonly" onFocus="WdatePicker({el:'et',dateFmt:'yyyy年MM月dd日' })"  >
		  &nbsp; &nbsp; &nbsp;  到站：
		 		   <select name='destination_site'  style="width:122px;" class="x-form-field  x-form-text x-form-required">
		 		  <option value='0'  >请选择...</option>
           <?php foreach($destination_site as $value) :  ?>
		  <option value='<?php echo $value['id'];  ?>'  ><?php echo $value['name'];  ?></option>
		  <?php endforeach; ?>
		  </select>          
		  <input  id="search-action" class="x-btn-text" type="submit" name="search" value="查询"  style=" height:24px; width:40px;">    
	  </form>
	  
	  </div>
	  </div>
	  <!-- /搜索栏 -->
	  
	  <!-- 内容 -->
	  <div style="border-left:0 solid #99bbe8; border-bottom:0 solid #99bbe8;" id="content" class="x-panel-body" >
	    <div class="list-div " id="listDiv" style="margin-bottom:0px;overflow: scroll">
 <div style="text-align:center; text-height:18px; font-size:16px; font-weight:bold;height:30px; width:700px; margin:auto; overflow:auto;"><p id='chart_title'></p></div>       
<div id="chart1" style="height:300px; width:700px; margin:auto; overflow:auto;"></div>

<div id="chart2" style="height:60px;width:700px; margin:auto;">
<div id="chart3" style="width:700px; margin:auto;">
<div style="text-align:center; text-height:18px; font-size:16px; font-weight:bold; height:100px" >
   <p>&nbsp;</p>
   <p>&nbsp;</p>
   <p>&nbsp;</p>   
  <p id='tabletitle'> </p>
  <p id='tabledw' style="text-align:right; font-size:12px; font-weight:normal"></p>
</div>
<div style="" id='tablecontext'>
</div>
</div>
        </div>
	 
		<!-- /分页显示 -->
		</div><!-- /内容 -->	   
  </div></div></div></div></div></div></div>
  <!-- /菜单体 --> 
</div>
</body>
</html>

